$(function () {
    $('.book3 li ').on('mouseenter',function(){
        $('.book3 li div').hide()
        $('.book3 li h4').show()
        $('h4',this).hide();
        $('div',this).show();
    })


    
    $("#slider").slidebox({
        boxh: 430, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });
    $("#proslider").slidebox({
        boxh: 550, //盒子的高度
        w: 1200, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 22, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });
    //轮播右边手风琴
    $(`.box-right li`).mouseover(function () {
        $(this).addClass(`new`).removeClass(`low`)
    })
    $(`.box-right li`).mouseout(function () {
        $(this).removeClass(`new`).addClass(`low`)
    })


    let len = $('.guess-ul .prolist').length

    //猜你喜欢
    $('.guess-ul .prolist').eq(0).clone().appendTo('.guess-ul')

    let index = 0; //获取索引

    //获取高度
    let hei = $('.guess-ul .prolist').outerHeight()
    let firstTime = new Date(); //第一次点击时间

    //注册点击事件
    $('#change').on('click', function () {
        let secondTime = new Date();
        if (secondTime - firstTime > 300) {
            ++index;

            //运动

            $('.guess-ul').stop().animate({
                top: -index * hei
            }, 300, function () {

                if (index >= len) {
                    index = 0;
                    $('.guess-ul').css('top', 0)
                }



            })
        }
    })
    firstTime = secondTime
})